/* this file is under images folder on purpose, so they will all be relative to current folder */

/* bootstrap fixes */
body { font-size:13px; line-height:15px; }
iframe { border:none; max-width:none; }
table { max-width: none; } /* max-width:100% causes overflow scroll to disapear on chrome */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
input[type="radio"],
input[type="checkbox"]
{ padding:1px 4px; margin-top:0; margin-bottom:0; min-height:0; }
.radio.inline, .checkbox.inline, .form-horizontal .control-label { padding-top:0px; margin-top:0; margin-bottom:0; min-height:0; }
label { display:inline-block; }
*[dir="ltr"] { direction:ltr; text-align:left; }
*[dir="rtl"] { direction:rtl; text-align:right; }
input[type="checkbox"] { vertical-align:baseline; padding:0 1px; }
/* input[type="number"][value="0"],input[value="0000-00-00"], --- Sadly, this doesn't update when value is changed :( i guess because it's attr oriented and not runtime value. */
.value0 { color:#ccc; }
form input[size="1"]  { width:10px; }
form input[size="2"]  { width:18px; }
form input[size="3"]  { width:28px; }
form input[size="4"]  { width:36px; }
form input[size="5"]  { width:44px; }
form input[size="6"]  { width:52px; }
form input[size="7"]  { width:60px; }
form input[size="8"]  { width:68px; }
form input[size="9"]  { width:76px; }
form input[size="10"] { width:84px; }
form input[size="11"] { width:92px; }
form input[size="12"] { width:100px; }
form input[size="13"] { width:108px; }
form input[size="14"] { width:116px; }
form input[size="15"] { width:124px; }
form input[size="16"] { width:132px; }
form input[size="17"] { width:140px; }
form input[size="18"] { width:148px; }
form input[size="19"] { width:156px; }
form input[size="20"] { width:164px; }
form input[size="21"] { width:172px; }
form input[size="22"] { width:180px; }
form input[size="23"] { width:188px; }
form input[size="24"] { width:196px; }
form input[size="25"] { width:204px; }
form input[size="26"] { width:212px; }
form input[size="27"] { width:220px; }
form input[size="28"] { width:228px; }
form input[size="29"] { width:236px; }
form input[size="30"] { width:244px; }
form input[size="35"] { width:284px; }
form input[size="36"] { width:292px; }
form input[size="40"] { width:324px; }
form input[size="45"] { width:364px; }
form input[size="50"] { width:404px; }
form input[size="60"] { width:484px; }
form input[size="70"] { width:564px; }
form input[size="80"] { width:644px; }
form input[size="90"] { width:724px; }
form input[size="100"]{ width:804px; }
.form-horizontal .control-group,.control-group { margin-bottom:2px; }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-right:10px; }
.navbar-fixed-top + * { margin-top:50px; }
.navbar-inner { min-height:36px; height:36px; }
.navbar .nav > li > a,.navbar .brand { padding-top:7px; padding-bottom:3px; }
.navbar .navbar-text { padding-top:12px; padding-bottom:3px; }
#TableLabel { padding:5px 18px; }
textarea, form textarea,.form-horizontal textarea,.form-search textarea {vertical-align: top;}
.form-inline input, .form-horizontal input { vertical-align:baseline; }
body #idForm { margin-top:74px; }
body.mini #idForm { margin-top:20px; }

/* various action icons */
.act {color:#000; cursor:pointer; }
.act:hover {color:#08c;}
.act.disabled {color:#ccc; cursor:default }
.act.clicked {color:#ccc; }
.act.icon-white { color:#fff; }
.act.on { color:#fff; }

#idCtrlBar,#idCtrlBarMini { position: fixed;margin: 0;top: 43px; z-index:950; right:auto; left:auto; }
#idCtrlBarMini { top:3px; }
#idCtrlLayout { opacity:1; }
#idCtrlLayout i { font-size:14px; cursor:pointer; color:#000; margin:0 1px; }
#idCtrlLayout i.icon-white { color:#08c; }
#idCtrlLayout i.icon-resize-small { color:#050; }
#idCtrlLayout i.icon-resize-full  { color:#050; }
body.layout-b .inlineEdit.tfRow { display:inline-block;}
.inlineEdit,iframe.inlineEdit { margin:0; padding:0; border:none; overflow:visible; }
.ui-dialog { z-index:1200; }
.ui-dialog .ui-dialog-title { font-size:11pt; font-weight:normal; font-family:sans-serif; }
.ui-widget-header { background:#08c; color:#fff; }

#idPaging
{
	position: fixed;
	bottom: 0px;
	height:30px;
	white-space:nowrap;
	text-align:left;
	direction:ltr;
	font-size:13px;
	font-weight:bold;
	right:auto;
	left:auto;
	margin:20px 20px 0px 10px;
	vertical-align: middle;
}
#idPaging .btn.disabled { opacity:1; }
#idPaging .btn.disabled .csPgLink { cursor:pointer; }
#idPaging .btn.disabled .csPgLink.disabled, #idPaging .btn.disabled .csPgLink .icon-white { cursor:default; }
#idPaging select,#idPaging input {
	width:auto !important;
	font-size: 10pt;
	line-height: 10pt;
	height: 16pt;
	padding: 0;
	margin: 0px 2px;
	vertical-align:bottom;
}
a.disabled { pointer-events: none; cursor: default; }
#idPaging i { color:#444; }
#idPaging a.disabled i { color:#aaa; }

.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  *padding-top: 19px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.bs-docs-example-legend {
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px 0 4px 0;
     -moz-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

.Hidden  { visibility: hidden; }
.None    { display: none; }
.Height0 { height: 0px; }
.Width0  { width: 0px; }
.Size0  { width: 0px; height:0;}
.NoWrap { white-space:nowrap;}

IMG,a img { border:none; vertical-align: middle; }
pre { display:inline; }

table,.table,table.table { border-color:#ddd; border-collapse: collapse; }
.tableBox           {
	display:inline-block;
	margin:10px;
	width:auto;
	vertical-align: top;
	background-color: #f2f2f2;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #ddd;
}
.table tr           { margin:0px; padding:0px; border:none;}
.th                 { font-weight:bold; white-space: nowrap; padding:0 2px; font-size:10pt; }
.thActions          { padding:0 4px; text-align:center; }
.th.actions         { text-align:center; }
.actions            { white-space:nowrap; }
.subtableiframe     { overflow:visible; }

.csNewTitleTr       { background:#4ae; }
.csNewTitle         { text-align:center; font-weight:bold; letter-spacing: 3px; color:#fff; border-radius: 6px; }
.actNew .csNewTitle { background:#6de; }
.mini .csNewTitle   { font-size:10px; line-height:11px; }

label.upthis,label.delthis { padding:0 2px; }

.delthis i { color:#000; font-size:16px; font-weight:normal;  }
.actDel .delthis i { color:#f00; font-weight:bolder; }

.upthis i { color:#888; font-size:18px; font-weight:normal; }
.actUpdate .upthis i,
.actNew .upthis i  { color:#0a0; font-weight:bolder; }
.upthis i.icon-plus-sign { font-size:15px; }

.actDel            { }
tr.actDel          { }
table.actDel       { border:1px solid #906060; }
tr.actDel       td { background-color:#fed0d0; }
table.actDel    td { background-color:#fed0d0; }

.actUpdate         { }
tr.actUpdate       { }
table.actUpdate    { border:1px solid #606090; }
tr.actUpdate    td { background-color:#e0f9f0; }
table.actUpdate td { background-color:#e0f9f0; }

.actNew            { }
tr.actNew          { }
table.actNew       { border:1px solid #609060; }
tr.actNew       td { background-color:#e0fee0; }
table.actNew    td { background-color:#e0fee0; }

.csEChagned,input.csEChagned,select.csEChagned { border:1px solid #00fe00; background-color:#daffda; }

.tftedit .icon-chevron-up,
.tftedit .icon-chevron-down { cursor:pointer; }

#idLog             {
	direction:ltr;
	margin:0;
	width:90%;
	left:5%;
}

#idLog span        { display:block; margin:1px 0px; padding:1px 0px; padding-left:24px; background-repeat:no-repeat; background-position:left top; }
#idLog span        { }
#idLog span.logDetail { padding-left:36px; background-image:none; }
/* tech details like id */
#idLog span t        { font-family:monospace; }
/* fname */
#idLog span f        { font-weight:bold; font-family:monospace; }
/* new value */
#idLog span n        { }
#idLog span n:before { content:'="'; }
#idLog span n:after  { content: '" '; }
/* old value */
#idLog span o        { }
#idLog span o:before { content: ' (was "'; }
#idLog span o:after  { content: '")'; }

#idLog span:before { padding-right:6px; } /* for the icon */
#idLog span.logDetail:first-letter,
#idLog .logTitle:first-letter { padding-right:0px; }

#idLog .logGood  { color:#171; }
#idLog .logBad   { color:#711; }
#idLog .logSame  { color:#444; }
#idLog .logTitle { color:#222; font-weight:bold; padding-left:10px; }
#idLog .logDebug { color:#117; }
sql { font-size: 10px; font-family: monospace; color: #009; }
sqlerr { }


.idOrderUpImg      { margin-left:1px; }
.idOrderDnImg      { margin-left:1px; }

.csPgLink          { }
img.csPgLink       { }
#idPgPage1         { }
#idPgPage          { }
#idPgSave          { }
#idPgSaveLink      { }
#idPgPageSelect    { }
#idPgPrevLink      { }
#idPgPrevImg       { }
#idPgPrevDisImg    { }
#idPgNextLink      { }
#idPgNextImg       { }
#idPgNextDisImg    { }
#idPgPerpage       { }
#idPgPerpageSelect { }
#idPgTotal         { }
#idPgDispBox       { }
#idPgDispBoxImg    { }
#idPgDispList      { }
#idPgDispListImg   { }
#idPgDispBox,
#idPgDispList      { }
#idPgDispBox:hover,
#idPgDispList:hover{ }
#idPgRepeatTitle   { }
#idPgRepeatTitleSelect { }

#idSearch { width: 700px; margin-left: -350px; }
.search-line.hidden { display:none; }
.search-query .icon-remove { cursor:pointer; }
.search-query  { width: 200px; }
.search-field { }
.search-not-label { color:#ccc; cursor:pointer; }
.search-not-label.true { color:#900; }
.search-not-label i,
.search-not-label i:before { padding:0 1px; }
.search-not-label input.search-not { visibility:hidden; width:1px; height:1px; overflow:hidden; opacity:0; }
#idSearch select { width:auto; }
#idSearchIDLabel { margin-top:10px; width:auto; }
#idSearchID { width:50px; }

/************************************************ TF Types classes *****************************************************/

#idForm { display:block; margin:0 0 100px 0; padding:0; }
form input { width:109px; border:1px solid #eee; border-radius:4px; border-color:#ddd #eee #ddd #eee; margin:0 1px; padding:0 3px; }
form input[type=number],#idForm input[type=number] { width:50px; }
form input[type=radio] ,
form input[type=checkbox] ,
form select { width:auto; }
form .table th, form .table td { padding:0 1px; }
.csTitleLinkOrdered i { font-size:12px; color:#c08; padding:0 1px;  }

.tfLink { }
.tfGotoImg { }
.tfFile { }
.tfFileUp { }
.tfFileDelCB { background:#ffeeee; }
.tfFileDelLbl { color:red; }
.tfImgLink { }
.tfKSTbl { }
.tfKSTd  { }
.tfKSCB  { }
.tfKSLbl { padding-left:6px; }
input.tfKSCB_On  { color:black;}
label.tfKSCB_On  { color:black;}
input.tfKSCB_Off { color:gray; }
label.tfKSCB_Off { color:gray; }

.tfSelHlpOn  { width:50px; cursor:help; }
.tfSelHlpOff { width:10px; background-color:gray; cursor:help; }

.tfStars { display:inline; margin:0; padding:0; border:none; white-space: nowrap; unicode-bidi:bidi-override; direction:rtl; }
.tfStars i { cursor:pointer; }
.tfStars i.icon-star { }
.tfStars i.icon-star-empty { }
.tfStars.star0 { }
.tfStars.star1 { }
.tfStars.star2 { }
.tfStars.star3 { }
.tfStars.star4 { }
.tfStars.star5 { }

.tfYesNo { cursor:pointer; display:inline; }
.tfYesNo.True  { border:1px solid #efe; }
.tfYesNo.False { border:1px solid #eee; }
.tfYesNo label.true i  { color:#0d0; }
.tfYesNo label.false i { c1olor:#888; }
.tfYesNo.True label.true, .tfYesNo.False label.false{ font-weight:bold; }
.tfYesNo.False label.true, .tfYesNo.True label.false{ font-weight:normal; }

.tfOrderBundle { display:block; white-space:nowrap; padding-left:3px; }
.tfOrderBundle i { cursor:pointer; padding:0 1px; font-size:8pt; vertical-align:text-top; }
.tfOrderBundle .icon-remove-sign { margin-left:5px; }

.tfPassBundle { display:inline-block; }
.tfPassBundle .tfPassMismatched { display:none; }
.tfPassBundle.mismatched .tfPassMismatched { display:inline; color:#911; }
.tfPass1 input, .tfPass2 input { width:120px; }
.tfPassBundle.mismatched .tfPass2Label { border:1px solid red; }

.tfCheckbox { white-space:nowrap; padding:3px; margin:3px; }
.tfCheckbox input { display:none; }
.tfCheckbox.true  { background:#181; color:#fff; border-radius:5px; }
.tfCheckbox.false { }
.tfCheckboxes,
.tfCheckboxes .tfCheckbox { display:inline-block; }

.TfTypetimestamp { margin:0 5px; }

.tfhtmlicons i { display:block; cursor:pointer; font-size:14px; color:#002; }
.tfhtmlicons { display:inline-block; margin-top:5px; }
.edit_TfTypehtml { white-space:nowrap; }

.ui-dialog .TfTypetext { width:95% !important; }
.ui-dialog-titlebar-close:before { content:'X'; font-size:12px; line-height:14px; }
.ui-dialog button.ui-dialog-titlebar-close {font-size:12px; line-height:12px; font-family: Arial;}

td.view_TfTypeboolean, td.edit_TfTypeboolean, td.new_TfTypeboolean { text-align:center; }

